.ct0-message {
  position: fixed;
  z-index: 1000;
  transform: translate(-50%);
}
.ct0-message-notice {
  padding: 8px 12px;
  border-radius: 3px 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 0 solid rgba(0, 0, 0, 0);
  background: #fff;
  display: block;
  width: auto;
  position: relative;
  margin: 10px 0;
  font-size: 14px;
}
.ct0-message-notice-closable {
  padding-right: 20px;
}
.ct0-message-success {
  background: #f0f9eb;
  color: #67c23a;
}
.ct0-message-error {
  background: #fef0f0;
  color: #f56c6c;
}
.ct0-message-info {
  color: #333;
  background: white;
}
.ct0-message-info  .ct0-message-icon {
  color: #1890ff;
}
.ct0-message-warning {
  background: #fdf6ec;
  color: #e6a23c;
}
.ct0-message-icon {
  margin-right: 8px;
}
.ct0-message-icon i {
  font-size: 20px;
}
.ct0-message-custom-content {
  display: flex;
  align-items: center;
}
.ct0-message-fade-appear,
.ct0-message-fade-enter {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.ct0-message-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.ct0-message-fade-appear.ct0-message-fade-appear-active,
.ct0-message-fade-enter.ct0-message-fade-enter-active {
  animation-name: rcNotificationFadeIn;
  animation-play-state: running;
}
.ct0-message-fade-leave.ct0-message-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcNotificationFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
